<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" 
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
	<head>
		<meta content="text/html; charset=UTF-8" />
		<title>人物管理系统</title>
		<link th:href="@{/css/bootstrap.css}" rel="stylesheet" type="text/css" />
		<script type="text/javascript" th:src="@{/webjars/jquery/3.2.1/jquery.min.js}"></script>
		<script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>
	</head>
<body>

<div style="overflow:hidden">
<!--~~~~~~~~~top~~~~~~~~~~~~~-->
<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">人物管理系统</a>
    </div>
    <div class="collapse navbar-collapse" id="navbar">
      <ul class="nav navbar-nav">
        
	  </ul>
      <ul class="nav navbar-nav navbar-right">
		<li ><a th:text="'您好，'+${session.user.truename}"></a></li> 
       	<li ><a href="javascript:void(0);" onclick="if(confirm('确定要退出吗？')){location.href='/logout';}">退出</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
<!--~~~~~~~~~main~~~~~~~~~~~~~-->
<div class="container-fluid">
	<div class="row">
		<!-- 左侧菜单 -->
		<div class="col-sm-2" style="border-right:1px solid grey">
			<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
			  <div class="panel panel-default">
			    <div class="panel-heading" role="tab" id="headingOne">
			      <h4 class="panel-title">
			        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
			          	系统管理
			        </a>
			      </h4>
			    </div>
			    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
			      <div class="panel-body">
		        	<a sec:authorize="hasRole('ROLE_User')" class="btn btn-default btn-xs btn-block" th:href="@{/toUser}" target="main" >用户列表</a>
               		<a sec:authorize="hasRole('ROLE_Power')" class="btn btn-default btn-xs btn-block" th:href="@{/toRole}" target="main" >角色管理</a>
                  		<a sec:authorize="hasRole('ROLE_Power')" class="btn btn-default btn-xs btn-block" th:href="@{/toPower}" target="main" >权限管理</a>
                  		<a sec:authorize="hasRole('ROLE_LoginLog')" class="btn btn-default btn-xs btn-block" th:href="@{/toLoginLog}" target="main" >登录日志</a>
                  		<a sec:authorize="hasRole('ROLE_OperationLog')" class="btn btn-default btn-xs btn-block" th:href="@{/toOperationLog}" target="main">操作日志</a>
			      </div>
			    </div>
			  </div>
			  <div class="panel panel-default">
			    <div class="panel-heading" role="tab" id="headingTwo">
			      <h4 class="panel-title">
			        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
			         	 密码管理
			        </a>
			      </h4>
			    </div>
			    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
			      <div class="panel-body">
					<a class="btn btn-default btn-xs btn-block"   th:href="@{/toPassword}" target="main" >修改密码</a>
			      </div>
			    </div>
			 </div>
		 </div>
		</div>
		
		<!-- 右侧页面 -->
		<div class="col-sm-10">
			<iframe id="main" name="main" width="100%" height="700px" frameborder="0" scrolling="yes" th:src="@{/images/welcome.jpg}"></iframe>
		</div>   
	</div>       
</div>
</div>
</body>

</html>